*{margin:0;padding:0;-webkit-touch-callout:none;}
body{ font-size:12px;font-family:"PingFang SC", "Source Han Sans SC", "HanHei SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;color:#231f20;}
a,body{color:#231f20}
a,a:focus,a:hover{text-decoration:none;color:#231f20;}
h1,h2,h3,h4,h5,h6,li,ul{margin:0}
li,ul{list-style:none}
a:focus,input,textarea,select{outline:none} 
img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}
p,big,small,font,em{display:block;margin:0}
.clearfix{ clear:both;}

body,html{position:relative;height:100%}
dd,dl,ol,ul{margin:0}
li>a:hover{color:#fff;text-decoration:none}
:root{--themaColor:#d6001a}
.container{max-width:1450px;padding-left:15px;padding-right:15px}
.container::after,.container::before{display:none}
.wrap{position:relative}
.bb{box-shadow:0 1px 5px #d7d3d3}
.wrap{position:relative;max-width:1440px;height:100%;margin:0 auto}
.header.on{background:#1c1c1f}
.header img{height:26px}
.header{position:fixed;top:0;left:0;right:0;z-index:10;padding:68px 0 48px;transition:all .3s ease;background:0 0}
.header .logo img{display:inline-block;max-width:100%}
.header nav{float:right}
.header nav ul{display:flex}
.header nav li{line-height:26px;margin-left:40px;font-size:15px}
.header nav a{color:#fff;transition:all .3s ease}
.header nav li:hover a{color:var(--themaColor)}
.header li.myBtn a{display:block;width:90px;color:#fff!important;border-radius:8px;text-align:center;border:1px solid #d6001a;background:#d6001a;color:var(--themaColor)}
.footer{color:#fff;background:url(../img/footer_bg.jpg) center center no-repeat;background-size:cover;padding:3% 0 7.5% 0}
.footer .topMain .container{display:flex;justify-content:space-between}
.footer .topMain .left{display:flex;}
.footer .topMain .leftLogo{margin-right:50px;text-align:left}
.footer .topMain .leftLogo img{ height:35px; margin-top:40px;}
.footer .topMain .rightAdr dt{margin-bottom:7px;font-size:15px;font-weight:bold;line-height:30px}
.footer .topMain .rightAdr dd{font-size:14px;color:#ccc; font-weight:bold;line-height:24px}
.footer .topMain .rightAdr dd a{color:#ccc}
.footer .topMain .rightAdr{display:flex;}
.footer .topMain .rightAdr dl{ margin-right:40px;}
.footer .topMain .right{font-size:0}
.footer .topMain .right li{display:inline-block;margin-left:25px}
.footer .topMain .right li p{font-size:15px;font-weight:bold;line-height:30px;text-align:center;margin-bottom:6px}
.footer .topMain .right li img{display:block;width:100%;max-width:90px;margin:0 auto}
.footer .btnCopyRight{margin-top:32px;border-top:1px solid #2f2d54}
.footer .btnCopyRight p{ text-transform:uppercase}
.footer .btnCopyRight .container{display:flex;line-height:62px;align-items:center;font-size:12px;font-weight:bold;justify-content:space-between}
.footer .btnCopyRight ul{display:flex;align-items:center;justify-content:space-between}
.footer .btnCopyRight li{margin-left:32px}
.footer .btnCopyRight li a{display:block;height:100%;line-height:30px;font-size:13px;color:#fff;text-align:center}
.pageList{margin:0 auto; overflow:hidden; padding:2.5% 0 10% 0;}
.pageList .container{border-top:1px solid rgba(0,0,0,.1); padding-top:5%;}
.pageList ul{display:flex;justify-content:center;margin:0 auto}
.pageList li{margin:0 2px}
.pageList li a{display:block;width:30px;height:18px;text-align:center;font-size:14px;font-weight:500;color:#333;line-height:18px}
.pageList li.on a,.pageList li:hover a{color:var(--themaColor)}
.pageList li.on::after,.pageList li:not(.prev):not(.next):hover::after{content:"";display:block;height:2px;background:#d6001a}
.pageList li.next,.pageList li.prev{margin:0 24px}
.pageList li.next a,.pageList li.prev a{width:inherit}
.pageList li.next img,.pageList li.prev img{display:block;max-width:100%;margin:0 auto}
.banner{position:relative;height:803px;padding-top:210px;color:#fff;overflow:hidden}
.banner .txtMain{margin:0 auto;text-align:center}
.banner .txtMain .bFont{margin-bottom:22px;font-size:50px;font-weight:bold;color:#fbfbfb;line-height:70px;letter-spacing:1px}
.banner .txtMain .sFont{font-size:14px;color:#f3f2f6;line-height:26px}
.banner .txtMain .sFont span{display:block}


@media (min-width:768px){
.container{ width:auto}
}

@media (min-width:1200px){
.menuBtn,.mobileNav{display:none}
}
@media (max-width:1200px){
.header .menuBtn{position:absolute; margin-top:5px;display:inline-block;width:30px;height:30px;top:50%;right:30px;cursor:pointer;transform:translateY(-50%)}
.header .menuBtn span{position:absolute;width:100%;height:2px;top:50%;transition:all .3s ease;background-color:var(--themaColor);transform:translateY(-50%)}
.header .menuBtn span::after,.header .menuBtn span::before{content:"";position:absolute;width:100%;height:2px;background-color:var(--themaColor);transform:translateY(-50%)}
.header .menuBtn span::before{top:-5px}
.header .menuBtn span::after{top:7px}
.header .menuBtn.on span{transform:rotate(90deg)}
.mobileNav{display:flex;-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-overflow-scrolling: touch!important;overflow-y: auto;display:none;opacity:0; left:0;position:fixed;top:0;width:100%;height:100%;z-index:11;text-align:center;flex-direction:column;transition:all .3s ease-in}
.mobileNav.on{ opacity:1;}
.mobileNav ul{ position: relative; bottom:-100%;padding-top:10%; overflow:hidden; padding-bottom:15%}
.mobileNav::after{ height:100%;content:"";position: fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-image: linear-gradient(to top,#000,rgba(187,187,191,.8));}
.mobileNav li:first-child img{margin-bottom:5%; height:35px; width:auto;}
.mobileNav li:last-child img{margin-top:30px; height:60px;}
.mobileNav li{ display:block;}
.mobileNav li:not(:first-child):not(:last-child) a{ width:100%;max-width:380px;margin:1% auto;display:block; line-height:55px;color:#fff;border-radius:50px;transition:all .3s ease;background-image:linear-gradient(to right,transparent,transparent);font-size:18px;font-weight:bold;color:#fff; display:block;}
.mobileNav li:not(:first-child):not(:last-child) a:hover{background-image:linear-gradient(to right,#3726af,#bf69d4)}
.wrap.on{filter:blur(5px)}
.header nav{display:none}
}
@media (max-width:1045px){
.header{padding:35px 0 20px}
.footer .btnCopyRight ul{ display:none}
.footer{height:auto; padding:5% 0 10% 0;}
.link{ text-align:center; margin-top:5%;}
}
@media (max-width:860px){
.banner{ height:auto; padding:20% 0 35% 0;}	
.banner .txtMain .bFont{ font-size:36px;}
}
@media (max-width:768px){
.mobileNav ul{padding-top:30%}
.footer{ padding-top:7.5%;}
.footer .topMain .rightAdr {text-align: center; margin:5% 0;}
.footer .topMain .left {flex-direction: column;}
.footer .topMain .container {flex-direction: column;align-items: center;}
.footer .topMain .left {width: 100%;align-items: center;justify-content: space-around;}
.footer .topMain .leftLogo{ margin-right:0}
.footer .topMain .leftLogo img{ margin:0;}
.footer .topMain .right li{ margin:0 15px;}
.footer .btnCopyRight .container { line-height:inherit; padding-top:5%;justify-content: center;}
.footer .btnCopyRight .container{text-align:center}
}
@media (max-width:640px){
.banner .txtMain .bFont{ font-size:34px;}
.footer .topMain .rightAdr{ display:block}
.footer .topMain .rightAdr dl{ width:50%; float:left; margin-right:0}
.footer .topMain .rightAdr dl.clear{ width:100%; margin:5% 0}
}
@media (max-width:500px){
.banner{ padding:25% 0 45% 0}	
.banner .txtMain .bFont{ font-size:24px; line-height:normal}
.banner .txtMain .sFont{ font-size:12px; line-height:22px}
}
@media (max-width:480px){
.header img{ height:22px;}	
.header .menuBtn{ right:15px;}
.footer .topMain .leftLogo img{ height:25px;}	
.footer{ padding:10% 0 15% 0;}	
.mobileNav ul{padding-top:25%}
.mobileNav li:not(:first-child):not(:last-child) a{ margin:2.5% auto;}
.pageList{ padding:5% 0 20% 0;}
.pageList li.next img, .pageList li.prev img{ height:15px;}
.pageList li a{ line-height:14px;}

}
@media (max-width:320px){
.banner .txtMain .bFont{ font-size:20px;}
}